<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="referrer" content="never">
    <title>大麦网——商品分类</title>
    <link rel="stylesheet" href="../css/Goods.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/search.css">
    <script src="../js/cookie.js"></script>
    <script src="../js/jquery-3.6.0.min.js"></script>
    <script src="../js/ajax.js"></script>
    
    
    
    <script src="../js/jquery-3.6.0.min.js"></script>
    
    <!-- <script src="../js/interface.js"></script> -->
</head>

<body>
    <!-- 顶部 -->
    <div class="header centre">
        

            <div class="logo">
                <img src="../images/logo.png" alt="">
            </div>
            <div class="tips">
                <a href="reg.html">请登录</a>
                <a href="login.html">免费注册</a>
            </div>
            <div class="search-header searchBox">
                <img class="i-search" src="//img.alicdn.com/tfs/TB1qv3jxGmWBuNjy1XaXXXCbXXa-34-36.png" alt="搜索">
                <input class="input-search searchCon" placeholder="搜索明星、演出、体育赛事" data-spm="dsearchbtn">
                <div class="btn-search searchBtn">搜索</div>
            </div>
        

    </div>
    <form class="search_bar centre" onsubmit="return false">
        <!-- <div class="searchBox">
            <input type="text" class="searchCon">
            <button class="searchBtn">搜索</button>
        </div> -->
        <div class="orderBox">
            <a href="../html/index.html">
                <span class="shouye">首页</span></a>
            <!-- 排序的列(column)名 (id,chinese,math,english,total) -->
            <div class="orderColBox">
                <label>
                    序号
                    <input type="radio" checked="" name="orderCol" class="orderCol" value="id">
                </label>
                
                <label>
                    价格
                    <input type="radio" name="orderCol" class="orderCol" value="items_price">
                </label>

            </div>
            <!-- 排序的类型  升序 / 降序 -->
            <div class="orderTypeBox">
                <label>
                    升序
                    <input type="radio" checked="" name="orderType" class="orderType" value="asc">
                </label>
                <label>
                    降序
                    <input type="radio" name="orderType" class="orderType" value="desc">
                </label>
            </div>
            <div class="showNumBox">
                <select class="select">
                    <option value="6" selected>每页显示06条</option>
                    <option value="9">每页显示09条</option>
                    <option value="12">每页显示12条</option>
                    <option value="15">每页显示15条</option>
                </select>
            </div>
            <input type="reset" class="resetBtn" value="重置">
        </div>
    </form>
    <!-- 分类选择
    <div class="category centre">
        <a href="" class="category__list">
            <span class="category__icon category__icon__ych">

            </span>
            <p class="category__info ">
                演唱会
            </p>
        </a>
        <a href="" class="category__list">
            <span class="category__icon category__icon__hjgj">

            </span>
            <p class="category__info">
                话剧歌剧
            </p>
        </a>
        <a href="" class="category__list">
            <span class="category__icon category__icon__ty">

            </span>
            <p class="category__info">
                体育
            </p>
        </a>
        <a href="" class="category__list">
            <span class="category__icon category__icon__etqz">

            </span>
            <p class="category__info ">
                儿童亲子
            </p>
        </a>
        <a href="" class="category__list">
            <span class="category__icon category__icon__zlxx">

            </span>
            <p class="category__info">
                展览休闲
            </p>
        </a>
        <a href="" class="category__list">
            <span class="category__icon category__icon__yyh">

            </span>
            <p class="category__info">
                音乐会
            </p>
        </a>
        <a href="" class="category__list">
            <span class="category__icon category__icon__qyzt">

            </span>
            <p class="category__info ">
                曲苑杂坛
            </p>
        </a>
        <a href="" class="category__list">
            <span class="category__icon category__icon__wdbl">

            </span>
            <p class="category__info">
                舞蹈芭蕾
            </p>
        </a>
        <a href="" class="category__list">
            <span class="category__icon category__icon__ecy">

            </span>
            <p class="category__info">
                二次元
            </p>
        </a>
        <a href="" class="category__list">
            <span class="category__icon category__icon__lyzl">

            </span>
            <p class="category__info">
                旅游展览
            </p>
        </a>
    </div> -->


    <!-- 商品分类 -->
    <div class="perform">
        <div class="centre box">
            <div class="listPage">


                <!-- 一个小模块 -->
                <!-- <div class="comDetails">
                    左面图片
                    <div class="deImg">
                        <img src="../images/张杰.jpg" alt="">
                    </div>
                    <div class="particulars">
                        <div class="title">「星巢现场·冬泳派对」沈以诚+帆布小镇+？？？</div>
                        <div class="venue">糖果TANGO-雍和宫店三层</div>
                        <div class="showtime">2021.11.12 周五 20:00</div>
                        <div class="price">¥388<span>起</span></div>
                        <button class="purchased">购买</button>
                    </div>

                </div> -->
            </div>
            <div class="pageBox">
                <button class="prev">上一页</button>
                <span class="pageTips">1/17</span>
                <button class="next">下一页</button>
            </div>
        </div>
    </div>

    <!-- 底部 -->
    <div class="footer">
        <div class="centre">
            <ul class="footer__links">
                <li class="footer__links__list">帮助中心
                </li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">
                    公司介绍</li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">品牌识别</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">公司大事记</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">协议及隐私权政策</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">廉正举报</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">联系合作</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">招聘信息</a></li>
                <li class="footer__links__grep">|</li>

                <li class="footer__links__list">防骗秘籍</a></li>


            </ul>
            <div class="footer-ft">
                <div class="footer__ft_fl">
                    <div class="footer__ft__logo">
                        <img src="../images/logo.png">
                    </div>
                    <div class="footer__ft__code__box">
                        <img class="footer__ft__code" src="../images/二维码.jpg">
                        <span>APP下载</span>
                    </div>
                </div>
                <div class="footer__ft_fr">
                    <div class="footer__fr__contact">
                        在线客服
                    </div>
                    <div class="ul-wrap">
                        <ul class="footer__ft__words">
                            <li class="footer__ft__certificate">京ICP证031057号</li>
                            <li class="footer__ft__grep">|</li>
                            <li class="footer__ft__certificate">京ICP备11043884号</li>
                            <li class="footer__ft__grep">|</li>
                            <li class="footer__ft__certificate">京公网安备11010502037341号
                            </li>
                            <li class="footer__ft__grep">|</li>
                            <li class="footer__ft__certificate">广播电视节目制作经营许可证(京)字第02253号</li>
                        </ul>

                        <ul class="footer__ft__words">
                            <li class="footer__ft__certificate">网络文化经营许可证 京网文[2019]4082-420号</li>
                            <li class="footer__ft__grep">|</li>
                            <li class="footer__ft__certificate">营业性演出许可证京市演587号</li>
                        </ul>
                        <ul class="footer__ft__words">
                            <li class="footer__ft__certificate">北京大麦文化传媒发展有限公司 版权所有</li>
                            <li class="footer__ft__certificate">大麦网</li>
                            <li>Copyright 2003-2020 All Rights Reserved</li>
                        </ul>
                        <ul class="footer__ft__words">
                            <li>举报投诉：damai_tousu@member.alibaba.com 浙江省杭州市余杭区文一西路969号</li>
                        </ul>
                        <ul class="footer__ft__words">
                            <li>违法不良信息举报电话：020-62108294</li>
                        </ul>
                    </div>

                    <div class="footer__ft__img">
                        <img class="footer__ft__img2" src="../images/电子执照.png">
                        <img src="../images/PCI.png" class="footer__ft__img3">
                        <img class="footer__ft__img4" src="../images/诚信网站.png">
                    </div>
                </div>

            </div>

        </div>
    </div>
    <!-- 回到顶部 -->
    <div class="side">
        <div class="item">
            <div class="icon damai">

            </div>
            <p>app下载</p>
            <div class="qrcode"></div>
        </div>
        <div class="GoTop">
            <div class="icon gotop"></div>
            <p>回到顶部</p>
        </div>
    </div>
    <script src="../js/backTop.js"></script>

</body>
<script src="../js/Goods.js"></script>

</html>